<!DOCTYPE html>
<html>
	<link rel="stylesheet" type="text/css" href="./Public/Home/css/clear.css"/>
	<link rel="stylesheet" type="text/css" href="./Public/Home/css/common.css"/>
	<script type="text/javascript" src="./Public/Home/js/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="./Public/Home/js/land.js"></script>
	<script type="text/javascript">
		$(function(){
			$('.add').click(function(){
				$('.zhezhao').show();
				$('.addDZ').show();
			})
			$('.addX').click(function(){
				$('.zhezhao').hide();
				$('.addDZ').hide();
			})
			
			$('.username').click(function(){
				if($(this).attr('username') == 0){
					$('.outlogin-box').fadeIn();
					$(this).attr('username','1');
				}else{
					$('.outlogin-box').fadeOut();
					$(this).attr('username','0');
				}
			})
			
			$('.ad').click(function(){
				$(this).css({background:"#FDEBEB",border:"1px solid #FBC8C8"}).siblings('.ad').css({background:"white",border:"1px solid #D9D8D6"});
				$(this).attr('address','1').siblings('.ad').attr('address','0');
			})
		})
	</script>
	<head>
		<meta charset="UTF-8">
		<title>结算中心</title>
	</head>
	<body>
		{{include file="../common/login"}}
		<form action="" method="post">
		<div class="addDZ">
			<ul>
				<li>
					<sp>收货人：</sp>
					<input type="text" name="" id="" style="width: 155px;"/>
				</li>
				<li>
					<sp>手机：</sp>
					<input type="text" name="" id="" style="width: 155px;"/>
					<spa>或固定电话：</spa>
					<input type="text" name="" id="" style="width: 55px;"/>
					<p style="float: left;">—</p>
					<input type="text" name="" id="" style="width: 155px;"/>
				</li>
				<li>
					<sp>地址：</sp>
					
				</li>
				<li>
					<sp>详细地址：</sp>
					<input type="text" name="" id="" style="width: 410px;"/>
				</li>
				<li>
					<sp>邮箱：</sp>
					<input type="text" name="" id="" style="width: 155px;"/>
				</li>
				<li style="width: 150px;height: 18px;margin-left:100px;">
					<input type="checkbox" name="" id="" checked="checked"/>
					<spa style="width: ;">设置为默认收货地址</spa>
				</li>
				<li>
					<input type="submit" value="保存收货人信息" class="button"/>
				</li>
				<a href="javascript:;" class="addX">×</a>
			</ul>
		</div>
		<div class="zhezhao"></div>
		</form>
		<!--头部-->
		<div class="top-box">
			<div class="top">
				<div class="top-left">
				</div>
				<div class="top-right">
					<ul class="right-ul">
						{{if value="isset($_SESSION['username'])"}}
						<li><a href="javascript:;" class="order">我的订单</a></li>
						<li>
							<a href="javascript:;" class="username" username="0">{{$_SESSION['username']}}</a> | 
							<div class="outlogin-box"><a href="{{U('Login/out')}}">退出登录</a></div>
						</li>
						{{else}}
						<li><a href="javascript:;" class="zhuc">注册</a></li>
						<li><a href="javascript:;" class="dengl">登录</a> | </li>
						{{endif}}
						<li><a href="{{U('Index/index')}}">返回首页</a> | </li>
					</ul>
				</div>
			</div>
		</div>
		<!--索引-->
		<div class="logo">
			<div class="logo-left">
				<a href=""><div></div></a>
			</div>
			<div class="logo-right">
				<img src="./Public/Home/images/process2.jpg" alt="" />
			</div>
		</div>
		<!--内容-->
		<form action="" method="post">
		<div class="clear">
			<div class="message">
				<div class="messTop">
					<span>请填写并核对以下信息</span>
				</div>
				<div class="address">
					<span>收货信息：</span>
					<div style="margin-bottom:5px" address="0" class="ad">
						<p>许世星</p>
						<p>13911111111</p>
						<p>北京北京北京北京</p>
						<sp style="margin-left: 305px;">默认地址</sp>
						<a href="" class="sizeRed" style="font-size: 14px;">修改</a>
						<a href="" style="padding-left: 35px;font-size: 20px;color: #7C7C7C;">×</a>
					</div>
					<div style="margin-bottom:5px" address="0" class="ad">
						<p>许世星</p>
						<p>13911111111</p>
						<p>北京北京北京北京</p>
						<sp style="margin-left: 305px;">默认地址</sp>
						<a href="" class="sizeRed" style="font-size: 14px;">修改</a>
						<a href="" style="padding-left: 35px;font-size: 20px;color: #7C7C7C;">×</a>
					</div>
				</div>
				<div class="add">
					<a href="javascript:;">＋使用新地址</a>
				</div>
				<div class="pay">
					<div class="pay-boxA">
						<span>支付方式：</span>
					</div>
					<div class="pay-boxB">
						<a href="javascript:;"><span>在线支付</span><img src="./Public/Home/images/ture.jpg" alt="" /></a>
					</div>
				</div>
				<div class="bill">
					<div class="bill-boxA">
						<span>发票信息 <sp style="font-size: 12px;color: #FF0000;">(发票内容只能开明细)</sp>：</span>
					</div>
					<div class="bill-boxB">
						<sp>发票抬头：<span>个人</span></sp>
						<sp>发票类型：<span>电子发票</span></sp>
						<sp>开票方式：<span>电子发票</span></sp>
						<a href="javascript:;">修改</a>
					</div>
				</div>
			</div>
			<div class="foods">
				<div class="foodsTop">
					<span>确认商品</span>
					<a href="{{U('Shopping/index')}}">返回购物车修改></a>
				</div>
				<div class="type">
					<span class="name">商品名称</span>
					<span class="num">单价</span>
					<span class="num">数量</span>
					<span class="num">金额</span>
				</div>
				{{foreach from="$data" value="$v"}}
				<div class="det">
					<a href="" class="img"><img src="./Public/Home/images/m.jpg" alt="" /></a>
					<sp><a href="" class="name">{{$v['name']}}</a></sp>
					<span>{{$v['price']}}</span>
					<span>{{$v['num']}}</span>
					<span style="color: #F3421A;font-weight: bold;">{{$v['total']}}</span>
				</div>
				{{endforeach}}
			</div>
			<!--<div class="coupon">
				<div class="couponTop">
					<span>优惠信息</span>
					<span style="color: #F3421A;margin-left: 10px;">温馨提示：您优惠券、优惠码使用过程中，有任何问题请联系客服</span>
				</div>
				<div class="couCon">
					<a href="" class="img"></a><a href="">使用优惠券</a>
				</div>
				<div class="couCon">
					<a href="" class="img"></a><a href="">使用优惠码</a>
				</div>
				<div class="couCon">
					<a href="" class="img"></a><a href="">使用乐豆</a>
					<span>（总乐豆数量<sp style="color: #E2231A;">0</sp>个）</span>
				</div>
			</div>-->
			<div class="remarks">
				<div class="remarksTop">
					<span>订单备注</span>
				</div>
				<!--<div class="box-a">
					<span>客服经理编码：</span>
					<input type="text" name="" id="" placeholder="如果您联系过客服，可以填写其编码"/>
				</div>-->
				<div class="box-b">
					<!--<span>订单备注:</span>-->
					<textarea name="" id="" cols="30" rows="10" placeholder="特殊要求,限150字" style="resize:none;"></textarea>
				</div>
			</div>
			<div class="item">
				<input type="checkbox" name="" id="" checked="checked"/>
				<a href="javascript:;">我同意 《联想产品网络销售通用条款和条件》</a>
			</div>
			<div class="pri-box">
				<span>商品总数：<sp>{{$num}}</sp>件</span>
			</div>
			<div class="pri-box">
				<span>商品总价：<sp>￥{{$price}}</sp>元</span>
			</div>
			<div class="pri-box">
				<span>运费：<sp>￥0.00</sp>元</span>
			</div>
			<div class="pri-box">
				<span>应付总额：<sp>￥{{$price}}</sp>元</span>
			</div>
			<div class="tijiao">
				<a href="pay.html">提交订单</a>
			</div>
		</div>
		</form>
		{{include file="../common/foot"}}
	</body>
</html>
